<template>
    <section>
          <!-- 页头 start -->
      <div class="header">
        <div class="wrapper clearfix">
          <a href="#" class="logo"><img src="@/assets/img/login/pread_03.png" alt=""></a>
          <div class="phone">
            <!--<a href="#" class="backhome">返回首页</a>-->
                    <p>拿钱热线：<span class="hotLine">0755-462315</span></p>
          </div>
        </div>
      </div>
      <!-- 页头 end -->

      <div class="bigPicture">
        <!-- index_focus start -->
        <div class="index_focus">

        <!-- substance start -->
    
        <!-- substance end -->
          <div class="bd">
            <ul style="position: relative;">
                    <li style="height: 740px; position: absolute; left: 0px; top: 0px; ">
                        <a href="https://www.iqianbang.com/Activity-getnewers?userfrom=sem%7cbaidu%7cpc%7c89171#?userfrom=sem%7cbaidu%7cpc%7c89171" target="_blank" class="pic"></a>
                    </li>
            </ul>
          </div>
          
          <div class="slide_nav">
            <a href="javascript:;?userfrom=sem%7cbaidu%7cpc%7c89171" class="on">●</a>
          </div>
        </div>
        <!-- index_focus end -->
            <div class="wrapper">
                <form action="https://www.iqianbang.com/Activity-getnewers?userfrom=sem%7cbaidu%7cpc%7c89171#" id="register_form">
                    <div class="register" id="div_register1">
                        <p class="title">登录</p>
                        <div class="iptContext">
                            <div class="ipt-group">
                                <input-phone v-model="ruleForm.phone" :classes="'text iptphone'"></input-phone>
                            </div>
                            <div class="ipt-group">
                                <input type="password" class="text iptpassword" name="password" v-model="ruleForm.pass" d="password" onKeyDown="if(event.keyCode===32) return false" placeholder="8-20位数字与字母组合的密码" maxlength="20">
                                <em class="error"></em>
                            </div>
                            <div class="ipt-group picture">
                                <input type="text" class="text iptviste" name="ipt_renewal" id="ipt_renewal" onKeyDown="if(event.keyCode===32) return false" placeholder="图形验证" maxlength="5">
                                <div class="imgviste">
                                    <img class="renewal" src="@/assets/img/login/yanzhen.png" id="imgCode" alt="点击刷新">
                                    <span class="renewal">看不清，换一张</span>
                                </div>
                                <em class="error"></em>
                            </div>
                            <div class="iptChoose">
                                <label for="agree">
                                  <el-checkbox v-model="checked"></el-checkbox>&nbsp;我已阅读并同意<a href="javascript:void (0)?userfrom=sem%7cbaidu%7cpc%7c89171" id="agreement" class="red">《钜信网服务协议》</a>

                                    <em class="error"></em>
                                </label>
                            </div>
                            <div class="btnGroup">
                                <button type="button" id="register" class="btn btnRed">登录</button>
                            </div>
                            <p class="account">如果没有账号，请<a @click="showReg=true" class="red"> 注册</a></p>
                        </div>
                    </div>

                    <div class="register" v-show="showReg">
                        <p class="title">注册</p>
                        <p class="step step1">为了确保账号可用，请填写您收到的手机动态码。</p>
                        <p class="step step2">如收不到短信验证码，可点击下面的获取语音验证码。</p>
                        <div class="iptContext">
                            <div class="ipt-group phone">

                                <input type="text" id="viste" name="viste" class="text iptviste iptPhoneviste" onKeyDown="if(event.keyCode===32) return false" placeholder="手机验证" maxlength="6">
                                <button type="button" class="btn btnGray" id="getViste">获取手机验证码</button>
                                <em class="error"> </em>
                            </div>
                            <p class="getSheepch" id="sheepch">
                                <img src="@/assets/img/login/icon_03.png" alt="">获取语音验证码
                            </p>
                            <div class="btnGroup step2">
                                <button type="submit" id="register2" class="btn btnRed">注册领取</button>
                            </div>
                        </div>
                    </div>
                <input type="hidden" name="__hash__" value="ddb92acedd9bd8372428976866a2bf7d_d2469a6c836a041ad5df5fa5e4b42a9e"></form>
            </div>
      </div>

      <!-- 数据总览 start -->
      <div class="dataTotal dataCase clearfix">
        <div class="wrapper clearfix">

          <div class="detailGroup clearfix">
            <div class="dataGroup clearfix">
              <div class="img img1"></div>
              <div class="data">
                <i>累计成交(元)</i>
                <!--<h3><big>122亿</big>795万4196元</h3>-->
                            <h3 id="pf_money"><big>132亿</big>9241万6998.09元</h3>
              </div>
            </div>
            <div class="dataGroup dataGroup2 clearfix">
              <div class="img img2"></div>
              <div class="data">
                <i>累计注册人数(人)</i>
                <!--<h3><big>483万</big>5981人</h3>-->
                            <h3 id="pf_user"><big>47万</big>8071人</h3>
              </div>
            </div>
            <div class="dataGroup dataGroup3 clearfix">
              <div class="img img3"></div>
              <div class="data">
                <i>运营天数(天)</i>
                <!--<h3><big>1492天</big></h3>-->
                            <h3 id="pf_day"><big>1450天</big></h3>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 数据总览 end -->
    <div class="activeFotter" style="background: rgb(159, 159, 159) ">
            <p class="daBG"><img src="@/assets/img/login/iconJY.png" />深圳钜信科技有限公司</p>
            <p>深圳市龙华新区</p>
            <p>服务热线：4006-777-518</p>
            
        </div>
      
        <div class="protocol-box" style="display:none;z-index: 999;"></div>
    </section>
  
</template>
<style lang="less">
    .section-login{
        margin: 100px 50px
    }
</style>

<script>
import * as types from '@/store/types'
import "../assets/css/pread.css" ;
import"../assets/css/slide.css";
import '../assets/css/style.css'; //引入全局less文件
import InputPhone from './Items/InputPhone'
export default {
  data(){
      return {
        showReg:false,
        checked:false,
        ruleForm: {
          phone: '',
          pass: '',
        },
      };
  },
  components:{
    InputPhone
  },
  methods: {
      submitForm(formName) {
        let _this=this
        this.$refs[formName].validate((valid) => { 
          if (valid) {
            this.$store.commit(types.LOGIN,'123456')
            let redirect=decodeURIComponent(this.$route.query.redirect||'/')
            this.$router.push({
                path:redirect
            })
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
      }
    }
}
</script>
